<!DOCTYPE html>
<html>
	<head>
		{include file="common/head"}
	</head>
	<body>
		{include file="common/menu"}

		<!--轮播图-->
		<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
			<div class="carousel-indicators">
				<!--获取站点模块，获取标识为home_banner的图集，这里与下面对应，显示轮播图切换按钮数量-->
				{hkcms:adv name="home_banner"}
				<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="{$key}" class="{$item.currentstyle}" aria-current="true"></button>
				{/hkcms:adv}
			</div>
			<div class="carousel-inner">
				<!--获取站点模块，获取标识为home_banner的图集，手册：https://www.kancloud.cn/hkcms/hkcms_tp6/2252616-->
				{hkcms:adv name="home_banner"}
				<div class="carousel-item {$item.currentstyle}">
					<img src="{$item.image}" class="d-block w-100" alt="{$item.title}">
					<div class="carousel-caption d-md-block">
						<h5>{$item.title}</h5>
						<p class="info">{$item.notes}</p>
						<a class="btn btn-primary" href="{$item.url}" {$item.target}>{:lang('Know Us')} >></a>
					</div>
				</div>
				{/hkcms:adv}
			</div>
			<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="visually-hidden">Previous</span>
			</button>
			<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="visually-hidden">Next</span>
			</button>
		</div>

		<!--公司简介-->
		<section class="company sec_pad">
			<div class="container">
				<div class="pricing-header">
					{// 除了指定ID，还是可以传入英文目录字段，或变量}
					{hkcms:content catid="7"}
					<h1 class="title text-center">{$item.category.title|default=''}</h1>
					{// 获取栏目信息，除了栏目信息，还可以获取模型信息，$item.model}
					<p class="lead text-center">{$item.category.seo_desc|default=''}</p>
					<div class="my-xl-5">
						<div class="row">
							<div class="col-xl-5 col-lg-5">
								<img src="{$item.thumb}">
							</div>
							<div class="col-xl-7 col-lg-7 info-box">
								<div class="info">{hkcms:raw name="$item['content']" /}</div>
								<p class="info-btn m-0"><a href="{$item.url}" class="btn btn-primary">{:lang('Read More')}>></a></p>
							</div>
						</div>
					</div>
					{/hkcms:content}
				</div>
			</div>
		</section>

		<!--产品-->
		<section class="product sec_pad">
			<div class="container">
				<div class="pricing-header mb-3 mb-xl-0  product">
					{//获取单条栏目信息}
					{hkcms:channel name="21"}
					<h1 class="title text-white text-center">{$item.title}</h1>
					<p class="lead text-center">{$item.seo_desc}</p>
					{/hkcms:channel}
					<div class="card mb-3 mt-xl-5">
						<div class="row">
							{// 获取产品模型的数据，model参数}
							{hkcms:content model="6" num="4"}
							<div class="col-xl-6 col-lg-6">
								<div class="row product-main">
									<div class="col-xl-2 col-sm-2 col-2 p-0 pt-3 p-xl-3">
										<img src="{$item.thumb}" />
									</div>
									<div class="col-xl-10 col-sm-10 col-10 px-0 p-xl-0">
										<div class="card-body">
											<h5 class="text-truncate"><a href="{$item.url}" target="_blank" style="color: #e9482c;" title="{$item.title}">{$item.title}</a></h5>
											<p class="card-text h200">{$item.description}</p>
										</div>
									</div>
								</div>
							</div>
							{/hkcms:content}
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--团队展示-->
		<section class="team sec_pad">
			<div class="container">
				<div class="pricing-header text-center team">
					{//获取单条栏目信息}
					{hkcms:channel name="18"}
					<h1 class="title text-center">{$item.title}</h1>
					<p class="lead text-center">{$item.seo_desc}</p>
					{/hkcms:channel}


					<div class="card mb-0 mt-xl-5">
						<div class="row g-0">
							{hkcms:content catid="18" num="4"}
							<div class="card col-xl-3 item col-lg-3">
								<div class="border">
									<img src="{$item.thumb}" class="card-img-top" alt="{$item.title}">
									<div class="card-body">
										<h5>{$item.title}</h5>
										<h6 class="card-title">{$item.author}</h6>
										<a href="{$item.url}" class="btn btn-primary btn-sm">{:lang('Read More')}</a>
									</div>
								</div>
							</div>
							{/hkcms:content}
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--专业服务说明-->
		<div class="pricing-header mx-auto text-center service">
			<div class="card">
				{hkcms:content catid="31" num="1"}
				<div class="row g-0 col-xl-12">
					<div class="col-xl-6 col-lg-6">
						<img src="{$item.thumb}">
					</div>
					<div class="col-xl-6 col-lg-6">
						<div class="card-body">
							<h5>{$item.title}</h5>
							<div class="card-text col-xl-10">{$item.content|default=""|raw}</div>
							<p class="m-0 info-btn"><a href="{$item.url}" class="btn btn-outline-primary">{:lang('Read More')}>></a></p>
						</div>
					</div>
				</div>
				{/hkcms:content}
			</div>
		</div>

		<section class="news sec_pad">
			<div class="container">
				<div class="pricing-header mb-3 mb-xl-0 text-center news">
					{//获取单条栏目信息}
					{hkcms:channel name="9"}
					<h1 class="title">{$item.title}</h1>
					<p class="lead">{$item.seo_desc}</p>
					{/hkcms:channel}
					<div class="card mb-0 mt-xl-5">
						<div class="row col-xl-12">
							{hkcms:content catid="9" num="4" }
							<div class="card col-xl-3 col-lg-4">
								<a href="{$item.url}" title="{$item.title}" class="jump_url">
									<div class="border">
										<img src="{$item.thumb}" class="card-img-top" alt="{$item.title}">
										<div class="card-body">
											<h5>{$item.title}</h5>
											<h6>{hkcms:date name="$item['publish_time']" format="Y-m-d"}</h6>
											<p class="card-text">{$item.description}</p>
										</div>
									</div>
								</a>
							</div>
							{/hkcms:content}
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--友情链接-->
		{hkcms:adv name="links"}
		<section class="bg-light pt-2 pb-2">
			<div class="container">
				<div class="row">
					<div class="col-md-12">{hkcms:raw name="$item['content']"}</div>
				</div>
			</div>
		</section>
		{/hkcms:adv}

		{include file="common/footer"}
	</body>
</html>
